<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>首页</title>
		<link href="../css/temp/reset.css" rel="stylesheet" rev="stylesheet" media="all">
		<link href="../css/temp/common.css" rel="stylesheet" rev="stylesheet" media="all">
		<link href="../css/temp/win-skin.css" rel="stylesheet" rev="stylesheet" media="all">
		<link href="../css/temp/win-con.css" rel="stylesheet" rev="stylesheet" media="all">

		<script type="text/javascript" src="../js/temp/jquery-1.4.min.js"></script>
		<script type="text/javascript" src="../js/temp/jquery.xy-tips-window.2.8.js"></script>
		<script type="text/javascript" src="../js/temp/spp_core.js"></script>
		<script type="text/javascript" src="../js/temp/spp_ui.js"></script>
		<script type="text/javascript" src="../js/base/front-function.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.cycle.all.js"></script>

		<script type="text/javascript" src="../js/lib/jquery.smallslider.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.jcarousel.min.js"></script>

		<link href="../css/app-guess.css" rel="stylesheet" rev="stylesheet" media="all">
	</head>
	<body>
		<!-- test -->
		<div id="TEST-CONTAINER">

			<div class="main-con-right fr" id="main-con-right">
				<div id="app-act" class="app-act">
					<div class="mod my-tool-tab-nav">
						<div class="hd">
							<h2 class="mod-title">竞猜</h2>
							<ul class="my-tool-tab">
								<li>
									<a href="javascript:void(0)" class="hover">首页</a>
								</li>
								<li>
									<a href="guess-rank.html">竞猜排行榜</a>
								</li>
								<li>
									<a href="myguess-record.html">我的竞猜</a>
								</li>
								<li>
									<a href="guess-help.html">竞猜帮助</a>
								</li>
							</ul>
						</div>
						<div class="bd">&nbsp;</div>
					</div>
					
					
					<!-- begin update -->
					<div class="mod-game-list">
						<div class="mod-wrapper">
							<div class="mod-hd fn-clearfix">
								<div class="cycle-box fn-fl">
									<div class="cycle-banner smallslider" id="flashbox">
										<ul>
											<li>
												<a href="javascript:void(0)">
													<img src="../images/example/cycle2.jpg"width="500" height="220"alt="亲，这里是推荐活动的活动名称" />
												</a>
											</li>
											<li>
												<a href="javascript:void(0)">
													<img src="../images/example/cycle1.jpg" width="500" height="220" alt="无啊哈哈哈哈哈哈山东首富打算发的" />
												</a>
											</li>
										</ul>
										<!-- <div class="cycle-banner-btn"></div> -->
									</div>
								</div>
								
								<div class="sign-box fn-fr">
									<div class="sign-hd"><a href="javascript:void(0)"></a></div>
									<!-- 未登录 -->
									<div class="sign-bd fn-none">
										<p class="unlogin">
											<label class="fn-mr25">今日参与人数：</label>
											<span><em>520234</em>人</span>
										</p>
										<p class="unlogin">
											<label class="fn-mr25">今日奖池总额：</label>
											<span><em>12022222</em>竞点</span>
										</p>
										<p class="unlogin">
											<label class="fn-mr25">今日投注总额：</label>
											<span><em>12022222</em>竞点</span>
										</p>
										<p class="unlogin">
											<label>今日新增参与人数：</label>
											<span><em>124543</em>人</span>
										</p>
									</div>
									<!-- 已登录 -->
									<div class="sign-bd">
										<p class="login">
											<label for="">竞点余额：</label>
											<em>520</em>
											<label class="fn-ml20" for="">投注胜率：</label>
											<em>68.90%</em>
										</p>
										<p class="login">
											<label for="">竞点战绩：</label>
											<span><em>120</em>胜</span>
											<span class="fn-ml05"><em>24</em>负</span>
										</p>
										<p class="login fn-clearfix">
											<label class="fn-fl" for="">竞猜排名：</label>
											<span class="fn-fl fn-ml100">
												<span class="fn-fl"><em>12</em>位</span>
												<img src="../images/t-down.png" alt="" class="fn-fl fn-vm fn-mt10 fn-ml05" />
												<span class="fn-fl fn-ml03">5</span>
											</span>
										</p>
										<p class="login">
											<label for="">总盈利额：</label>
											<span><em>100000</em>竞点</span>
										</p>
										<p class="login">
											<label for="">总竞猜数：</label>
											<em>10</em>
										</p>
									</div>
								</div>
							</div>
							<div class="mod-bd fn-mt10">
								<div class="active-list">
									<div class="ui-title">
										<h3 class="fn-pl20">竞猜活动</h3>
									</div>
									<div class="ui-body">
										<div class="game-state-nav fn-pb05">
											<ul class="fn-clearfix">
												<li class="selected"><span>全部</span></li>
												<li><a href="javascript:void(0)">进行中</a></li>
												<li><a href="javascript:void(0)">已结束</a></li>
											</ul>
										</div>
										<div class="ui-game-item ui-game-item-le4">
											<h3>
												<a href="detail.html" class="jc-link1">荷兰VS西班牙谁将成为今晚冠军？详情页2个队伍</a>
											</h3>
											<div class="item-cont fn-clearfix">
												<p class="remain-time jc-gray">
													<span>剩余时间：<em>4天10时7分2秒</em></span>
												</p>
												<div class="item-cont-main fn-mt10 fn-fl">
													<ul class="cont-team fn-clearfix">
														<li class="cont-team-left fn-clearfix">
															<div class="img-box">
																<img src="../images/example/img1.png" alt="" />
															</div>
															<div class="team-info">
																<div class="title fn-fb">AC迅游时空战线战线战线战线</div>
																<div class="gamebar">
																	<div class="bar-value bar-value1" style="width: 33%"></div>
																</div>
																<div>
																	<span class="fn-fr jc-gray">参与：<em class="fn-darkred">100000</em></span>
																	<span class="jc-gray">赔率：<em class="fn-darkred">1.1</em></span>
																</div>
															</div>
														</li>
														<li class="cont-team-right fn-clearfix">
															<div class="img-box">
																<img src="../images/example/img2.png" alt="" />
															</div>
															<div class="team-info">
																<div class="title fn-fb">AC迅游时空战线</div>
																<div class="gamebar">
																	<div class="bar-value bar-value2" style="width: 66%"></div>
																</div>
																<div>
																	<span class="fn-fr jc-gray">参与：<em class="fn-darkred">1000</em></span>
																	<span class="jc-gray">赔率：<em class="fn-darkred">1.1</em></span>
																</div>
															</div>
														</li>
														<li class="vs"></li>
													</ul>
												</div>
												<div class="item-cont-aside fn-fr">
													<a href="detail.html" class="bet-btn bet-btn-hover fn-fr"></a>
													<div class="has-bet fn-cb">
														<p class="has-bet-cite jc-darkorange fn-fb fn-tr">已投入竞点</p>
														<ul class="fn-clearfix fn-fr">
															<li>3</li>
															<li>3</li>
															<li>3</li>
															<li>3</li>
															<li>2</li>
															<li>1</li>
															<li>6</li>
															<li>8</li>
														</ul>
													</div>
												</div>
											</div>
										</div>
										<div class="ui-game-item ui-game-item-le4">
											<h3>
												<a href="detail-le4.html" class="jc-link1">荷兰VS西班牙谁将成为今晚冠军？详情页3、4个队伍</a>
											</h3>
											<div class="item-cont fn-clearfix">
												<p class="remain-time jc-gray">
													<span>剩余时间：<em>4天10时7分2秒</em></span>
												</p>
												<div class="item-cont-main fn-mt10 fn-fl">
													<ul class="cont-team fn-clearfix">
														<li class="cont-team-left fn-clearfix">
															<div class="img-box">
																<img src="../images/example/img2.png" alt="" />
															</div>
															<div class="team-info">
																<div class="title fn-fb">AC迅游时空战线</div>
																<div class="gamebar">
																	<div class="bar-value bar-value1" style="width: 33%"></div>
																</div>
																<div>
																	<span class="fn-fr jc-gray">参与：<em class="fn-darkred">1000</em></span>
																	<span class="jc-gray">赔率：<em class="fn-darkred">1.1</em></span>
																</div>
															</div>
														</li>
														<li class="cont-team-right fn-clearfix">
															<div class="img-box">
																<img src="../images/example/img1.png" alt="" />
															</div>
															<div class="team-info">
																<div class="title fn-fb">AC迅游时空战线</div>
																<div class="gamebar">
																	<div class="bar-value bar-value2" style="width: 66%"></div>
																</div>
																<div>
																	<span class="fn-fr jc-gray">参与：<em class="fn-darkred">1000</em></span>
																	<span class="jc-gray">赔率：<em class="fn-darkred">1.1</em></span>
																</div>
															</div>
														</li>
														<li class="cont-team-left fn-clearfix">
															<div class="img-box">
																<img src="../images/example/img1.png" alt="" />
															</div>
															<div class="team-info">
																<div class="title fn-fb">AC迅游时空战线</div>
																<div class="gamebar">
																	<div class="bar-value bar-value3" style="width: 33%"></div>
																</div>
																<div>
																	<span class="fn-fr jc-gray">参与：<em class="fn-darkred">1000</em></span>
																	<span class="jc-gray">赔率：<em class="fn-darkred">1.1</em></span>
																</div>
															</div>
														</li>
													</ul>
												</div>
												<div class="item-cont-aside fn-fr">
													<a href="detail-le4.html" class="bet-btn bet-btn-hover fn-fr"></a>
													<div class="has-bet fn-cb">
														<p class="has-bet-cite jc-darkorange fn-fb fn-tr">已投入竞点</p>
														<ul class="fn-clearfix fn-fr">
															<li>0</li>
															<li>0</li>
															<li>0</li>
															<li>3</li>
															<li>2</li>
														</ul>
													</div>
												</div>
											</div>
										</div>
										<div class="ui-game-item ui-game-item-le4">
											<h3>
												<a href="detail-le4.html" class="jc-link1">荷兰VS西班牙谁将成为今晚冠军？</a>
											</h3>
											<div class="item-cont fn-clearfix">
												<p class="remain-time jc-gray">
													<span>剩余时间：<em>4天10时7分2秒</em></span>
												</p>
												<div class="item-cont-main fn-mt10 fn-fl">
													<ul class="cont-team fn-clearfix">
														<li class="cont-team-left fn-clearfix">
															<div class="img-box">
																<img src="../images/example/img1.png" alt="" />
															</div>
															<div class="team-info">
																<div class="title fn-fb">AC迅游时空战线</div>
																<div class="gamebar">
																	<div class="bar-value bar-value1" style="width: 33%"></div>
																</div>
																<div>
																	<span class="fn-fr jc-gray">参与：<em class="fn-darkred">1000</em></span>
																	<span class="jc-gray">赔率：<em class="fn-darkred">1.1</em></span>
																</div>
															</div>
														</li>
														<li class="cont-team-right fn-clearfix">
															<div class="img-box">
																<img src="../images/example/img2.png" alt="" />
															</div>
															<div class="team-info">
																<div class="title fn-fb">AC迅游时空战线</div>
																<div class="gamebar">
																	<div class="bar-value bar-value2" style="width: 66%"></div>
																</div>
																<div>
																	<span class="fn-fr jc-gray">参与：<em class="fn-darkred">1000</em></span>
																	<span class="jc-gray">赔率：<em class="fn-darkred">1.1</em></span>
																</div>
															</div>
														</li>
														<li class="cont-team-left fn-clearfix">
															<div class="img-box">
																<img src="../images/example/img1.png" alt="" />
															</div>
															<div class="team-info">
																<div class="title fn-fb">AC迅游时空战线</div>
																<div class="gamebar">
																	<div class="bar-value bar-value3" style="width: 33%"></div>
																</div>
																<div>
																	<span class="fn-fr jc-gray">参与：<em class="fn-darkred">1000</em></span>
																	<span class="jc-gray">赔率：<em class="fn-darkred">1.1</em></span>
																</div>
															</div>
														</li>
														<li class="cont-team-right fn-clearfix">
															<div class="img-box">
																<img src="../images/example/img2.png" alt="" />
															</div>
															<div class="team-info">
																<div class="title fn-fb">AC迅游时空战线</div>
																<div class="gamebar">
																	<div class="bar-value bar-value4" style="width: 33%"></div>
																</div>
																<div>
																	<span class="fn-fr jc-gray">参与：<em class="fn-darkred">100,111</em></span>
																	<span class="jc-gray">赔率：<em class="fn-darkred">1.1</em></span>
																</div>
															</div>
														</li>
													</ul>
												</div>
												<div class="item-cont-aside fn-fr">
													<a href="javascript:void(0)" class="bet-btn bet-btn-stop fn-fr"></a>
													<div class="has-bet fn-cb">
														<p class="has-bet-cite jc-darkorange fn-fb fn-tr">已投入竞点</p>
														<ul class="fn-clearfix fn-fr">
															<li>1</li>
															<li>3</li>
															<li>2</li>
															<li>1</li>
															<li>6</li>
															<li>8</li>
														</ul>
													</div>
												</div>
											</div>
										</div>
										<!-- *********************************************************************************************************************** -->
										<div class="ui-game-item ui-game-item-ge5">
											<h3>
												<a href="javascript:void(0)" class="jc-link1">荷兰VS西班牙谁将成为今晚冠军？</a>
											</h3>
											<div class="item-cont fn-clearfix">
												<p class="remain-time jc-gray">
													<span>剩余时间：<em>4天10时7分2秒</em></span>
												</p>
												<div class="item-cont-main game-box fn-mt10 fn-fl fn-pr">
													<span class="odds fn-tr">赔率：</span>
													<span class="join-no fn-tr">参与：</span>
													<div class="team-banner team-banner-w450">
														<ul class="fn-clearfix fn-ml70" style="width: 450px">
															<li>
																<div class="gameinfo">
																	<div class="gameimg">
																		<div class="img-box" style="top: 20%">
																			<img src="../images/example/game3.png" alt="" width="30" height="30" />
																		</div>
																	</div>
																	<div class="gamebar">
																		<div class="bar-value bar-value1" style="height: 80%"></div>
																	</div>
																</div>
																<p>
																	<span class="title">AC迅游AC迅游</span>
																</p>
																<p class="fn-darkred">1.1</p>
																<p class="fn-darkred">324</p>
															</li>
															<li>
																<div class="gameinfo">
																	<div class="gameimg">
																		<div class="img-box">
																			<img src="../images/example/game1.png" alt="" width="30" height="30" />
																		</div>
																	</div>
																	<div class="gamebar">
																		<div class="bar-value bar-value2" style="height: 100%"></div>
																	</div>
																</div>
																<p>
																	<span class="title">AC迅游AC迅游</span>
																</p>
																<p class="fn-darkred">1.1</p>
																<p class="fn-darkred">324</p>
															</li>
															<li>
																<div class="gameinfo">
																	<div class="gameimg">
																		<div class="img-box" style="top: 90%">
																			<img src="../images/example/game2.png" alt="" width="30" height="30" />
																		</div>
																	</div>
																	<div class="gamebar">
																		<div class="bar-value bar-value3" style="height: 10%"></div>
																	</div>
																</div>
																<p>
																	<span class="title">AC迅游AC迅游</span>
																</p>
																<p class="fn-darkred">1.1</p>
																<p class="fn-darkred">324</p>
															</li>
															<li>
																<div class="gameinfo">
																	<div class="gameimg">
																		<div class="img-box" style="top: 50%">
																			<img src="../images/example/game3.png" alt="" width="30" height="30" />
																		</div>
																	</div>
																	<div class="gamebar">
																		<div class="bar-value bar-value4" style="height: 50%"></div>
																	</div>
																</div>
																<p>
																	<span class="title">AC迅游AC迅游</span>
																</p>
																<p class="fn-darkred">1.1</p>
																<p class="fn-darkred">324</p>
																<i class="game-item-win"></i>
															</li>
															<li>
																<div class="gameinfo">
																	<div class="gameimg">
																		<div class="img-box" style="top: 80%">
																			<img src="../images/example/game1.png" alt="" width="30" height="30" />
																		</div>
																	</div>
																	<div class="gamebar">
																		<div class="bar-value bar-value5" style="height: 20%"></div>
																	</div>
																</div>
																<p>
																	<span class="title">AC迅游AC迅游</span>
																</p>
																<p class="fn-darkred">1.1</p>
																<p class="fn-darkred">324</p>
															</li>
														</ul>
													</div>
												</div>
												<div class="item-cont-aside fn-fr">
													<a href="javascript:void(0)" class="bet-btn bet-btn-hover fn-fr"></a>
													<div class="has-bet fn-cb">
														<p class="has-bet-cite jc-darkorange fn-fb fn-tr">已投入竞点</p>
														<ul class="fn-clearfix fn-fr">
															<li>1</li>
															<li>0</li>
															<li>0</li>
															<li>3</li>
															<li>2</li>
															<li>1</li>
															<li>6</li>
															<li>8</li>
														</ul>
													</div>
												</div>
											</div>
										</div>
										<div class="ui-game-item ui-game-item-ge5">
											<h3>
												<a href="detail-ge5.html" class="jc-link1">荷兰VS西班牙谁将成为今晚冠军？详情页5个对于以上</a>
											</h3>
											<div class="item-cont fn-clearfix">
												<p class="remain-time jc-gray">
													<span>剩余时间：<em>4天10时7分2秒</em></span>
												</p>
												<div class="item-cont-main game-box fn-mt10 fn-fl fn-pr">
													<span class="odds fn-tr">赔率：</span>
													<span class="join-no fn-tr">参与：</span>
													<div class="team-banner team-banner-w450">
														<ul class="fn-clearfix" id="mycarousel">
															<li>
																<div class="gameinfo">
																	<div class="gameimg">
																		<div class="img-box" style="top: 20%">
																			<img src="../images/example/game3.png" alt="" width="30" height="30" />
																		</div>
																	</div>
																	<div class="gamebar">
																		<div class="bar-value bar-value1" style="height: 80%"></div>
																	</div>
																</div>
																<p>
																	<span class="title">AC迅游AC迅游</span>
																</p>
																<p class="fn-darkred">1.1</p>
																<p class="fn-darkred">324</p>
																<i class="game-item-win"></i>
															</li>
															<li>
																<div class="gameinfo">
																	<div class="gameimg">
																		<div class="img-box">
																			<img src="../images/example/game1.png" alt="" width="30" height="30" />
																		</div>
																	</div>
																	<div class="gamebar">
																		<div class="bar-value bar-value2" style="height: 100%"></div>
																	</div>
																</div>
																<p>
																	<span class="title">AC迅游AC迅游</span>
																</p>
																<p class="fn-darkred">1.1</p>
																<p class="fn-darkred">324</p>
															</li>
															<li>
																<div class="gameinfo">
																	<div class="gameimg">
																		<div class="img-box" style="top: 90%">
																			<img src="../images/example/game2.png" alt="" width="30" height="30" />
																		</div>
																	</div>
																	<div class="gamebar">
																		<div class="bar-value bar-value3" style="height: 10%"></div>
																	</div>
																</div>
																<p>
																	<span class="title">AC迅游AC迅游</span>
																</p>
																<p class="fn-darkred">1.1</p>
																<p class="fn-darkred">324</p>
																<i class="game-item-win"></i>
															</li>
															<li>
																<div class="gameinfo">
																	<div class="gameimg">
																		<div class="img-box" style="top: 50%">
																			<img src="../images/example/game3.png" alt="" width="30" height="30" />
																		</div>
																	</div>
																	<div class="gamebar">
																		<div class="bar-value bar-value4" style="height: 50%"></div>
																	</div>
																</div>
																<p>
																	<span class="title">AC迅游AC迅游</span>
																</p>
																<p class="fn-darkred">1.1</p>
																<p class="fn-darkred">324</p>
															</li>
															<li>
																<div class="gameinfo">
																	<div class="gameimg">
																		<div class="img-box" style="top: 80%">
																			<img src="../images/example/game1.png" alt="" width="30" height="30" />
																		</div>
																	</div>
																	<div class="gamebar">
																		<div class="bar-value bar-value5" style="height: 20%"></div>
																	</div>
																</div>
																<p>
																	<span class="title">AC迅游AC迅游</span>
																</p>
																<p class="fn-darkred">1.1</p>
																<p class="fn-darkred">324</p>
															</li>
															<li>
																<div class="gameinfo">
																	<div class="gameimg">
																		<div class="img-box" style="top: 90%">
																			<img src="../images/example/game2.png" alt="" width="30" height="30" />
																		</div>
																	</div>
																	<div class="gamebar">
																		<div class="bar-value bar-value3" style="height: 10%"></div>
																	</div>
																</div>
																<p>
																	<span class="title">AC迅游AC迅游</span>
																</p>
																<p class="fn-darkred">1.1</p>
																<p class="fn-darkred">324</p>
																<i class="game-item-win"></i>
															</li>
															<li>
																<div class="gameinfo">
																	<div class="gameimg">
																		<div class="img-box" style="top: 50%">
																			<img src="../images/example/game3.png" alt="" width="30" height="30" />
																		</div>
																	</div>
																	<div class="gamebar">
																		<div class="bar-value bar-value4" style="height: 50%"></div>
																	</div>
																</div>
																<p>
																	<span class="title">AC迅游AC迅游</span>
																</p>
																<p class="fn-darkred">1.1</p>
																<p class="fn-darkred">324</p>
															</li>
															<li>
																<div class="gameinfo">
																	<div class="gameimg">
																		<div class="img-box" style="top: 80%">
																			<img src="../images/example/game1.png" alt="" width="30" height="30" />
																		</div>
																	</div>
																	<div class="gamebar">
																		<div class="bar-value bar-value5" style="height: 20%"></div>
																	</div>
																</div>
																<p>
																	<span class="title">AC迅游AC迅游</span>
																</p>
																<p class="fn-darkred">1.1</p>
																<p class="fn-darkred">324</p>
															</li>
														</ul>
													</div>
												</div>
												<div class="item-cont-aside fn-fr">
													<a href="detail-ge5.html" class="bet-btn bet-btn-hover fn-fr"></a>
													<div class="has-bet fn-cb">
														<p class="has-bet-cite jc-darkorange fn-fb fn-tr">已投入竞点</p>
														<ul class="fn-clearfix fn-fr">
															<li>1</li>
															<li>0</li>
															<li>0</li>
															<li>3</li>
															<li>2</li>
															<li>1</li>
															<li>6</li>
															<li>8</li>
														</ul>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="mod-ft">
								<div class="page-bar clearfix">
									<ul class="fr">
										<li>
											<a href="javascript:void(0);"><span>上一页</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>1</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>...</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>25</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>26</span></a>
										</li>
										<li>
											<a href="javascript:void(0);" class="current"><span>27</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>28</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>29</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>...</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>100</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>下一页</span></a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- end update -->
						
						
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../js/index.js"></script>
	</body>
</html>

